@charset "utf-8";
body,ul,h1,h2,h3,h4,h5,dl,dd,form,input,textarea,select {padding: 0; margin: 0;font-size: 16px; color:#333; font-family:"微软雅黑"}
p{ margin:0px;}
li { list-style: none;}
img { border: none;}
a { text-decoration: none;color:#444;}
a:hover{ text-decoration: none;color: #ff4e50;}
em,i { font-style:normal;}
.test { display:none;}
.wrap { width:100%; margin:0px auto;}
.bg { background: #f3f3f3; width: 100%;}
.box { background:#fff; width: 1190px; padding: 15px 20px; margin: 0 auto 15px auto;}
.box::after { content:" "; height:1px; clear:both; display:block;}
/*start top*/
.navbox { width:100%; height:55px; background:#358ff0;}
.head { height:150px; width:100%; background: #fff; overflow:hidden;}
.topbox {background:#f3f3f3; margin:0px auto; height:35px; line-height:35px; font-size:14px; font-weight:normal; color:#666; border-bottom:1px solid #e8e8e8;}
.top,.logobox { margin:0px auto; width:1230px; color: #999;}
.top_right { float:right; color: #ddd;}
.top_right a { margin:0 8px;}
.logo { margin:0px 0 0 0; float:left;}
.search { float:right; margin:35px 0 0 0;}
.searchtxt { height:40px; border:1px solid #e3e3e3; width:400px; line-height:40px; padding:0 8px;outline:none;}
.searchbtn { width:100px; height:42px; background:#358ff0; border:none; float:right; color:#fff; cursor:pointer;}
.searchbtn:hover {background:#0f72dd;}
.nav { width:1230px; margin:0px auto;}
.nav a { color:#fff; font-size:18px; line-height:55px; padding:0px 0px; display:inline-block; width:155px; text-align:center; float:left; font-weight:normal;}
.nav a.active { background:#0f72dd;}
.nav a.home {background:#1f7adf;}
.nav a:hover,.nav_other span:hover{ background:#2682e4;}
.nav a.end,#softnav .nav a.end{ float:right; background:#2682e4; float:right; width:154px; position:relative;}
.nav a.end:hover { background:#0f72dd}
.nav a.end i { width:64px; height:26px; background:url(../images/icon_cz.png) no-repeat; position:absolute; top:-10px; right:10px;}
.nav_other { float:left; width:146px; position:relative; z-index: 1000; }
.nav_other span { float:left; color:#fff; height:55px; width:100%; line-height:55px; font-size:18px; text-align:center; float:left; cursor:pointer; font-weight:normal;}
.nav_other ul { background:#f6f6f6; box-shadow:0 0 10px rgba(0,0,0,0.2); float:left; width:100%; position:absolute; left:0px; top:55px; display:none;}
.nav_other li a { width:100%; height:40px; line-height:40px; color:#666; font-size:16px; border-bottom:1px solid #e8e8e8;}
.nav_other li a:hover { color:#fff;}
.nav_other:hover ul { display:block;}
.navlistbox { border-bottom:1px solid #e3e3e3; height:45px; line-height:45px; background:#f6f6f6;}
.navlist { margin:0 auto; width:1230px; display:flex;justify-content:space-between; font-size:15px;}
#softnav .nav a{ width:106px;}
#softnav .nav_other a {width:115px;}
/*end top*/
.rbox { background:#fff; border-radius:4px; width:360px; float:right; margin-bottom:10px;}
.title,.title_nav { font-size:20px; border-bottom:1px solid #e3e3e3; height:45px; line-height:45px; margin:0px 0 10px 0; width:100%; font-weight:500; padding-bottom:0px; text-align:right;}
.title_nav { text-align:left;}
.title a { font-size:18px;}
.title strong,.title_nav strong { border-bottom:2px solid #358ff0; height:44px; line-height:44px; display:inline-block;padding:0 10px 0px 10px; font-weight:500; float:left;}
.title_nav a { width: 150px;  text-align: center; display:inline-block; cursor: pointer; font-weight: normal; font-size: 18px; color: #888;background:#f3f3f3; margin-right: 2px;}
.title_nav a:hover { color:#ff4e50;}
.title_nav a.current { color: #fff; background: #358ff0; width: 160px;}
.rbox ul { margin:10px auto; width:100%;}
.rbox ul li { width:100%; margin:0px auto; float:left; border-bottom:1px dotted #e3e3e3; padding:13px 0px;}
.rbox ul li:hover {}
.rbox ul li:last-child { border:none;}
.rbox ul li a { display:block;}
.rimg { width:48px; height:48px; float:left; margin:0 10px 0 0; line-height:16px; font-size:10px; overflow:hidden;}
.rimg img { width:48px; height:48px;}
.rbox ul.news { margin-top:-5px;}
.rbox ul.news li a { width:100%; line-height:25px; height:25px; overflow:hidden; display:flex;}
.news li i.num { padding:0px 8px; background:#f3f3f3; margin-right:12px; border-radius:2px; color:#999; font-family:Arial, Helvetica, sans-serif;}
.news li:nth-child(1) i.num { background:#fa4e57; color:#fff;}
.news li:nth-child(2) i.num { background:#fa7a53; color:#fff;}
.news li:nth-child(3) i.num { background:#ffa742; color:#fff;}
.news li a strong { font-weight: normal; height:25px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.news li.active a { color:#ff4e50;}
.news li.active .newsinfo { display:block; float:left; width:100%;}
.news .newsinfo { margin:15px 0 0 0; display:none; position:relative;}
.rbox ul.news .newsinfo a { float:left; width:150px; height:100px; background:#f6f6f6; overflow:hidden; margin-right:20px;}
.rbox ul.news .newsinfo a img { width:100%; height:100%; float:left;}
.rbox ul.news .newsinfo .softimg { width:72px; height:72px; margin:10px 20px auto auto; float:left;}
.rbox ul.news .newsinfo .softimg img { width:100%; height:100%;border-radius:12px; box-shadow:0 0 2px rgba(200,200,200,0.5);}
.rbox ul.news .newsinfo a.softlink { width:80px; height:30px; line-height:30px; border:1px solid #e3e3e3; position:absolute; right:10px; top:32px; margin:0; border-radius:4px; text-align:center; color:#444; display:inline; font-size:14px;}
.rbox ul.news .newsinfo a.softlink:hover { border:1px solid #ff4e50; background:#fff1f1;}
.rbox .list .related li { width:30%;}
.newsinfotxt { margin:6px 0; font-size:14px;}
.newsinfotxt span { color:#999;}
.stitle { float:left; width:302px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; height:22px; line-height:22px;}
.stitle:hover { color:#ff4e50;}
.starbox em { float:left; font-size:14px; color:#999;}
.star { width:84px; height:20px; background:url(../images/icon.png) no-repeat 0px -20px; float:left; margin:3px 0 0 0;}
.star i {background:url(../images/icon.png) no-repeat 0px 0px #fff; float:left; width:84px; height:20px;}
.listbox { display:flex;justify-content:flex-start;align-items: flex-start; flex-wrap:wrap; width:105%;}
.main { display:flex; width:1230px; margin:0 auto 10px auto;justify-content:space-between; flex-wrap:wrap; }
.main_left { width:820px; float:left;}
.box .main_left { width:780px; display:inline-block; min-height: 1080px;}
.box .main_right {float:right;}
.box .list h4 {font-weight:normal;font-size: 18px;}
.box .list .starbox { margin: 0 30px 0 0;}
.box .imgsoft  { width:120px; height: auto;}
.list_type { background:#fff; border-radius:4px; width:865px; padding:15px; margin-bottom:20px;}
.list_type ul { display:flex; width:105%;justify-content:flex-start;align-items: flex-start; flex-wrap:wrap; }
.list_type ul li { width:255px; list-style: disc; margin:0 20px 0 20px; color:#ccc;}
.list_type ul li a { display:block; height:22px; line-height:22px; margin:5px auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; color:#666;}
.list_type ul li a:hover { color:#ff4e50;}
#article .list { height:340px;}
.list_img img { width:285px; margin:-20px -15px 0 -15px;}
.list_title { font-weight:bold; margin:10px auto 0 auto;}
.main_right { width:360px; float:right;}
.syslist { width:100%; margin-bottom:-10px;}
.syslist h3.title { margin:10px auto;}
.syslist .list { margin:0;}
.syslist .list ul.sys { display:flex;flex-wrap: wrap;justify-content: space-between; margin:0px auto 0 auto;}
.syslist .list ul.sys li { width:47%; border:none; padding:13px 0;}
.syslist .list ul.sys li h4 { font-size:18px; font-weight:normal; margin-bottom:10px;}
.syslist .list ul.sys li span { display:block; margin:0px 0 8px 0; font-size:12px;}
.syslist .list ul.sys li .listimg { width:180px; height:120px; margin:0 15px 0 0;}
.syslist .list ul.sys li .starbox { margin:0;}
.footer { margin:10px auto 0 auto; background:#fff; border-top:1px solid #e8e8e8; padding:18px 0; text-align:center; font-size:16px; line-height:25px;color:#666;}
.footer p { width:900px; margin:6px auto; color:#999; font-size:14px; line-height:20px;}
.footer a { color:#888;}
.foot_info { color:#666;}
.foot_beian { color:#aaa;}
.tj { display:none;}
.links { margin:20px auto; width:1230px; color:#999;}
.links a { margin:0px 10px 5px 0; color:#aaa; display:inline-block; font-size:14px;}
.links a:hover { color:#888;}
.type { display:flex; justify-content:space-between;flex-wrap:wrap; margin:10px auto; width:255px;}
.type a { width:105px; margin:5px 10px 10px 10px; height:35px; border:1px solid #e3e3e3; line-height:35px; text-align:center; border-radius:4px;}
.type a.current { background:#ff4e50; color:#fff; border:1px solid #ff4e50;}
.guidebox {width:1230px; margin:0px auto;}
.guidebox .guide { margin:0 0 10px 0;}
.guide { display:block; width:100%; margin-bottom:15px; color:#999;}
.guide a { color:#999; padding: 0 5px;}
.guide {color: #999;display: block;margin-bottom:20px;width: 100%; font-size:14px;}
.guide a {color: #999;}
.softlogo { float:left; margin:-0.1rem 0.5rem 0 0;}
.softlogo img { width:72px; height:72px;border-radius:12px; box-shadow:0 0 2px rgba(200,200,200,0.5);}
.detailbox { background:#fff; border-radius:4px; min-height:800px; color:#333;}
.detail{ margin:0px auto 40px auto; line-height:35px; font-size:18px;}
.detail h3 { margin:10px 0; font-size:18px;}
.detail p { margin:15px auto; text-indent:2em; text-align:justify;}
.detail img { margin:30px auto; max-width:680px; display:block;}
.detail_title { background:#f3f3f3; color:#000; height:40px; overflow:hidden; line-height:40px; border-left:5px solid #ff4e50; text-indent:15px; font-size:18px; margin:20px auto;}
.detaillist { margin:20px auto; font-size:16px; padding-left:50px;}
.detaillist li { line-height:35px; margin:0px 0; list-style:decimal;}
.tinfox,.tinfow { width:100%; height:auto;}
.linex { width:1px;height:140px; float:left;}
.detailx { width:100%; height:auto; float:left;}
.detaiw { width:600px; height:100%; margin:0 auto;}
.softswiper { width:100%; position:relative;}
.title_info { border-bottom:1px solid #e3e3e3; color:#aaa; padding:15px 0; font-size:13px; margin-bottom:30px; width:820px;}
.title_info span { margin-right:20px;}
.detail_info .news_title { font-size:26px; margin:20px 0 0 0; font-weight: bold; color:#222; line-height:130%;}
.detailmore { background:#f2f4fa; padding:10px; border-radius:6px; margin-top:20px;}
.detailmoreinfo { background:#fff; border-radius:2px;box-shadow: rgba(222,224,232,0.5) 0px 0px 5px; padding:15px 20px;}
.detailmoreinfo h4 { color:#000; font-size:18px;}
.detailmoreinfo ul li em { margin-right:10px;}
.dminfott { font-size:16px;}
.list ul.slist { display:flex;flex-wrap:wrap;justify-content:space-between;}
.list ul.slist li { width:46%; margin:0 0 1% 0;position:relative; border:none; padding:10px 0 0 0;}
.slist li a {  float:left; width:100%;}
.slist li a .newsinfotxt ,.slist li a newsinfotxt ,.slist li a em { color:#333;}
.slist_title {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; height:30px; display:block;}
.slistimg { width:72px; height:72px; float:left; margin:0 10px 0 0; border-radius:12px; box-shadow:0 0 2px rgba(200,200,200,0.5);}
.slistimg img { width:100%; height:100%;}
.slist em { position:absolute; right:10px; top:75px; width:80px; height:30px; line-height:30px; border:1px solid #e3e3e3; border-radius:4px; text-align:center; font-size:14px;}
.slist a:hover em:hover { background:#fff1f1;border:1px solid #ff4e50;}
.list ul.related {display:flex;flex-wrap:wrap;justify-content:space-between;}
.list ul.related li { width:16%; padding:0.7rem 0; border-bottom:none;}
.list ul.related li a { float:left; width:100%;}
.list ul.related li a img { width:64px; height:64px;margin:0 auto; display:block;border-radius:12px; box-shadow:0 0 2px rgba(200,200,200,0.5);}
.list ul.related li p {text-align:center; float:left; width:100%; margin:0.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.tags { color:#999; font-size:14px; margin:40px auto;}
.tags a { border:1px solid #e8e8e8; padding:4px 10px; margin:5px 10px 5px 0; border-radius:4px; color:#999;}
.tags a:hover { color:#ff4e50;}
.mianze { background:#f6f6f6; padding:10px 30px; margin:15px 0; display:inline-block;}
.mianze p { text-indent:0; font-size:16px; line-height:30px; letter-spacing:0; color:#666;}
.downloads { margin-bottom:30px;}
.downloads dl {display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-start; margin:0px auto 0px auto;}
.downloads dl dt { width:100%; line-height:40px; height:40px; margin:20px auto; background:#f6f6f6; padding:0px 20px;}
.downloads dl dt span { color:#999; font-size:14px;}
.downloads dl dd { display:inline-block; height:40px; line-height:40px; width:190px; text-align:center; margin:5px 15px 10px 0px;}
.downloads dl dd a { display:block; border:1px solid #e3e3e3; border-radius:2px;}
.downloads dl dd a:hover,.downloads dl dd.active a{ background:#358ff0; color:#fff; border:1px solid #358ff0;}
.downloads dl dd a i { width:14px; height:18px; background:url(../images/icon.png) no-repeat -240px 1px; display:inline-block; margin:0 8px -3px 0;}
.downloads dl dd a:hover i,.downloads dl dd.active a i { background:url(../images/icon.png) no-repeat -260px 1px; }
.list { margin:0px auto 20px auto;}
.list ul { margin:0px auto; display:flex; width:100%;flex-wrap:wrap;}
.list ul li { border-bottom:1px solid #e3e3e3; width:100%; padding:20px 0 20px 0;}
.list ul li:last-child { border:none;}
.list h4 { font-size:20px; font-weight:bold; margin:0px auto 20px auto;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.list a.down { background:#358ff0; color:#fff; width:110px; height:35px; line-height:35px; border-radius:4px; text-align:center; float:right; margin:0px 10px 0 0; letter-spacing:0; font-size:13px;}
.list a.down:hover { box-shadow:0 3px 12px rgba(53,143,240,0.5); font-weight:normal; }
.list a.link { float:right; margin:10px 0 0 0;}
.list .starbox { margin:10px 0 0 0; float:left;}
.listimg { width:230px; height:148px; float:left; margin:0 30px 0 0; position:relative;}
.listimg img { width:100%; height:100%;}
.listimg i { position:absolute; left:-3px; top:-3px; width:64px; height:32px; background:url(../images/icon.png) no-repeat -100px 0; color:#fff;text-align:center; line-height:28px; letter-spacing:0; text-indent:-4px;}
.listimg i a { display:block; color:#fff;}
.listinfo { width:auto;}
.listinfo span { font-size:14px; margin:0 30px 0 0;}
.listinfo span em { color:#999;}
.listinfo p { margin:15px auto; line-height:30px; height:60px; overflow:hidden; text-align:justify;color:#666; letter-spacing:0;}
.newsa ul {display:flex;align-items:center;flex-wrap:wrap;justify-content:space-between; margin:20px auto;}
.newsa li { width:45%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; margin:10px 0;}
.newsa li:before { content:""; width:4px; height:4px; border-radius:4px; background:#dfdfdf; float:left; margin:10px 10px 0 0;}
.page{float: left;width: 100%;line-height:41px;color:#666;margin: 10px auto;text-align: center;overflow: hidden;}
.newsa ul.newtype li { width:30%;}
.newsa ul.brand {margin:10px auto;}
.newsa ul.brand li { width:11%; text-align: center;margin-right: calc(12% / 7); margin-bottom: 10px; text-align: left;}
.newsa ul.brand li:not(:nth-child(8n)) {margin-right: calc(12% / 7);}
.newsa ul.brand li:nth-child(8n){margin-right: 0; } 
.newsa ul.brand li:last-child{ margin-right: auto; } 

.page_con{width: 100%;float: left;margin: 0px auto; font-family:Arial, Helvetica, sans-serif}
.page_con span { font-weight:bold; font-size:16px; color:#fff; background:#fa4e57; padding:6px 10px;}
.page span.active  { font-weight:bold; font-size:16px; color:#fff; padding:5px 10px;}
.page_con em {font-family:Arial, Helvetica, sans-serif}
.page_con a{padding: 7px 10px; font-size: 14px; background:#fff;margin:0px 2px; color:#333;}
.page_con a.a1 {}
.dynasty_page .page_con a{ margin:0px 1px;}
.page_con a:hover{color:#ff4e50;}
.page_con .active{background: #ff4e50 ; color:#fff;}
.page_con .active { margin-left:3px;font-size: 14px;}
/***骞垮憡浣�****/
.yjads1 { width:1230px; height:100px; background:#f6f6f6; margin-bottom:10px; margin:15px auto;}
.yjads2 { width:360px; height:300px; background:#f6f6f6; margin-bottom:10px; float:left;}
.yjads3 { width:820px; height:90px; background:#f6f6f6; margin-bottom:0px;}
/*****涓嬭浇璇︽儏******/
.detail_img { float:left; margin:0 20px 0 0; border:1px solid #f3f3f3; border-radius:2px; overflow:hidden; width:64px; height:64px;}
.detail_img img { width:64px; height:64px;}
.detail_info { display:block;}
.detail_info h1 { font-size:22px; font-weight:bold; line-height:30px; margin-bottom:5px; color:#333;}
.detail_info dl { display:flex; flex-wrap:wrap;color:#999; width:530px; line-height:30px;  padding:0 0px 10px 10px;}
.detail_info dl dd { margin:3px 0 5px 0; width:50%; color:#999; font-size:16px;}
.detail_info dl dd span { margin:0 5px; color:#666;}
.detail_info dl dd em { float:left;}
.detail_info dl dd .star { margin:6px 0 0 0;}
.detail_info dl dd.safe { width:100%;overflow: hidden;}
.detail_info dl dd.safe i { width:16px; height:16px; background:url(../images/icon.png) no-repeat -100px -40px; float:left; margin:8px 5px 0 0;}
.detail_info dl dd.safe i.sd { background-position:-140px -40px;}
.detail_info dl dd.safe i.qq { background-position:-120px -40px;}
.detail_info dl dd.safe span { float:left; margin-right:20px;}
.detail_info dl.soft {width:900px;}
.detail_info dl.soft dd {width:30%; display:flex;}
.detail_info dl.soft dd.safe { width:100%;overflow: hidden;}
.detail_info dl.soft dd span.version {white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; width:180px;}
.ding { width:250px; height:90px; font-size:12px; float:left; margin:5px 40px 0 0; position:relative;}
.ding div { margin:0 10px; width:100px; margin:20px 10px; float:left; text-align:center;}
.ding a { width:100px; height:30px; border:1px solid #e3e3e3; line-height:30px; float:left; margin-bottom:15px; border-radius:2px; color:#666666; font-size:14px;}
.ding a:hover { color:#333; border:1px solid #dfdfdf; background:#f6f6f6;}
.ding a i { width:20px; height:20px; background:url(../images/icon.png) no-repeat -207px 0; float:left; margin:6px -5px 0 15px;}
.ding div.good a { border:1px solid #f4cbcd; color:#ff4e50;}
.ding div.good a:hover { border:1px solid #e5b5b7; background:#fef5f6;}
.ding div.good a i {background:url(../images/icon.png) no-repeat -180px 0; margin:5px -15px 0 20px;}
.ding div.good span em { color:#ff4e50;}
.ding span { color:#999; letter-spacing:0;}
.ding span em { color:#333;}
.ding div.dingflex { position:absolute; left:60px; top:-5px; margin:0; width:120px; height:20px; line-height:20px; text-align:center; font-size:12px; color:#fff;}
.ding div.anm {animation:anm 1s;margin:0;height:20px; line-height:20px; opacity:0; background:rgba(0,0,0,1); text-align:center; width:100%; display:block; border-radius:2px;}
@keyframes anm{
  0%{opacity:0;}
  80%{opacity:0.8;}
  100%{opacity:0;}
}
@-webkit-keyframes anm{
  0%{opacity:0;}
  80%{opacity:0.8;}
  100%{opacity:0;}
}
@-moz-keyframes anm{
  0%{opacity:0;}
  80%{opacity:0.8;}
  100%{opacity:0;}
}
@-o-keyframes anm{
  0%{opacity:0;}
  80%{opacity:0.8;}
  100%{opacity:0;}
}
.btn { margin:20px 0 0 0;}
.btn a {background:#1ec66d; display:inline-block; height:80px; width:230px; color:#fff; font-size:25px; line-height:60px; border-radius:3px; margin:0px 30px 0 0; text-align:center; position:relative;}
.btn a:hover { box-shadow:0px 10px 15px rgba(0,0,0,0.15);}
.btn a p { font-size:14px; margin-top:-10px; line-height:20px; color: rgba(255,255,255,0.8)}
.btn span:before { content:""; width:17px; height:22px; background:url(../images/icon_xiazai.png) no-repeat; display:inline-block; margin:0 8px -3px 0;}
.btn a i { width:58px; height:59px; background:url(../images/icon64.png) no-repeat; position:absolute; left:0; top:0;}
.btn a.fanqie i { background:url(../images/tuijian.png) no-repeat;}
.btn a.fanqie { background:#027aea;}
.btn a.fanqie span { margin-left:15px;}
.btn a.fanqie span:before { display:none;}
.btn a.xp i { background:url(../images/tuijian.png) no-repeat;}
.appcode { float:right; margin:-55px 0 0 0; text-align:center; color:#358ff0;}
.appcode img { width:130px;}
.detailmenu { background:#f3f3f3; height:50px; line-height:50px; margin:45px auto 30px auto; border-top:2px solid #e8e8e8;}
.detailmenu span,.detailmenu a { padding:0px 30px; height:50px; display:inline-block; margin:0px 1px; cursor:pointer; font-size:18px; color:#666; float:left;}
.detailmenu span:hover,.detailmenu a:hover { background:#fff;}
.detailmenu span.active { background:#fff; border-top:2px solid #358ff0; width:100px; text-align:center; margin-top:-2px;}
/*start slide*/
.slidebox { width:570px; margin:10px auto; height:320px; float:right; position:relative;}
.slidebox .swiper-container { width:570px; height:320px; float:left;}
.slidebox .swiper-slide { background:#f6f6f6;}
.slidebox .swiper-button-prev,.slidebox .swiper-button-next { color:#fff; opacity:0; background: rgba(0,0,0,0.1);}
.slidebox:hover .swiper-button-prev,.slidebox:hover .swiper-button-next { opacity:0.6;}
.swiper-slide a { display:block; width:100%; height:100%; line-height:40px; overflow:hidden;}
.slidebox .swiper-button-next::after,.slidebox .swiper-button-prev::after ,.softswiper .swiper-button-next::after ,.softswiper .swiper-button-prev::after{ font-size:28px;}
.slidebox .swiper-container .swiper-pagination-bullet-active { background:#ff4e50; border:1px solid #ff4e50;}
.swiper-container .swiper-pagination-bullet { width:10px; height:10px;border:1px solid #fff;}
.slidebox > .swiper-container-horizontal .swiper-pagination-bullets .swiper-pagination-bullet { margin:0px 8px;}
.swiper-slide img { max-width:100%; max-height:450px; min-width:268px;}
.swiper-slide { display:flex;justify-content:center; align-items:center;}
.swiper-pagination { text-align:center; width:100%; bottom:15px;}
.slidebox .swiper-pagination-bullet,.softswiper .swiper-pagination-bullet { margin:0px 5px; background: rgba(255,255,255,0.5); opacity:1;}
.slidebox .swiper-pagination-bullet-active,.softswiper .swiper-pagination-bullet-active { background:#ff4e50;}
.softswiper .swiper-button-prev,.softswiper .swiper-button-next { color:#aaa; background: rgba(0,0,0,0.1); padding:0.5rem 0.2rem;}
.softswiper .swiper-pagination { text-align:center; width:100%; bottom:35px;}
/**********end slide***************/
.main_index { width:845px;}
.ibrand { width:250px; float:left; margin:0;}
.ibrand li { width:250px; height:80px; background:#f3f3f3; margin:5px auto; float:left;}
.ibrand h3.title { margin-bottom:10px;}
.ilist { float:right; width:570px; margin-top:0px;}
.ilist ul { margin:20px auto 0 auto;}
.ilist li { margin:5px auto; height:40px; line-height:40px; border-bottom:1px dotted #dfdfdf; padding-bottom:5px;}
.ilist li em { height:22px; width:50px; line-height:22px; text-align:center; background:#2682e4; border-radius:0px; font-size:12px; letter-spacing:0; color:#fff; float:left; margin:7px 10px 0 0;}
.ilist li i { color:#999; float:right;}
.ilist li i.today { color:#ff4e50;}
.ilist li a { width:410px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; float:left;}
.sysbrand { width:360px;}
.sysbrand a { width:360px; height:95px; margin:0px auto 12px auto; float:left; position:relative; overflow:hidden;}
.sysbrand p { display:none; height:40px; width:100%; position:absolute; line-height:45px; left:0; bottom:0px; text-align:center; color:#fff; background: rgba(0, 0, 0, 0) linear-gradient(to bottom, transparent 0%, rgba(0, 0, 0, 0.9) 100%) repeat scroll 0 0}
.sysbrand a:hover p { display:block;}
.search_key { background:#f6f6f6; padding:15px 30px; text-align:center;}
.search_key strong { font-size:22px; color:#ff4e50;}
.search_key em { font-weight:bold; color:#000; padding:0 8px;}
.taglist { background:#f6f6f6; padding:30px 10px 30px 30px;}
.taglist a {border:1px solid #e8e8e8; padding:3px 6px; margin:5px 10px 5px 0; border-radius:4px; background:#fff; color:#888; display:inline-block;}
.taglist a:hover { color:#ff4e50;}
.layerwp { background:rgba(0,0,0,0.5); position:fixed; width:100%; height:100%; left:0; top:0; z-index:10001; display:none;}
.layerwpc { width:500px; height:300px; background:#fff; position:absolute; left:50%; top:50%; margin:-170px 0 0 -275px; border-radius:6px; box-shadow:0 5px 15px rgba(1,71,154,0.2);}
.layerwpt { height:60px; line-height:60px; font-size:20px; border-bottom:1px solid #e3e3e3; padding:0px 15px; background:#358ff0; color:#fff; border-radius:5px 5px 0 0;}
.layerwpt i { width:32px; height:32px; background:url(../images/icon.png) no-repeat -282px 5px; float:right; margin:15px 0 0 0; cursor:pointer;}
.layerwpc p { margin:50px auto; text-align:center; font-size:36px; font-weight:bold; color:#ff4e50;}
.layerwpc a { height:55px; width:180px; line-height:55px; text-align:center; font-size:20px; display:block; margin:0 auto; background:#358ff0; color:#fff; border-radius:4px;}
.layerwpc a:hover { box-shadow:0 5px 15px rgba(1,71,154,0.2); background:#2682e4;}
/******soft***********/
.typebox { width:100%;}
.typebox .list{ width:820px; float:left;}
.typehot { width:100%; border:1px solid #e8e8e8; padding:10px 5px 5px 5px; margin:-10px 0 10px 0;}
.typehot ul {display:flex;flex-wrap:wrap;justify-content:space-between;}
.typehot ul li { width:10%; padding:0.7rem 0; border-bottom:none;}
.typehot ul li a { float:left; width:100%;}
.typehot ul li a img { width:84px; height:84px;margin:0 auto; display:block; border-radius:16px; box-shadow:0 0 2px rgba(200,200,200,0.5);}
.typehot ul li p {text-align:center; float:left; width:100%; margin:0.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; }
.imgsoft { width:72px; height:72px; float:left; margin:0 20px 0 0;}
.imgsoft img { width:100%; height:100%;}
#softlist { width:100%;}
#softlist li { width:22%;}
/******end soft***********/
/******start drivers ***********/
.title_tab { border-bottom: 1px solid #e8e8e8; height: 45px; line-height: 45px;}
.title_tab strong { width: 150px;  text-align: center; display:inline-block; cursor: pointer; font-weight: normal; font-size: 18px; color: #888;background:#f3f3f3; margin-right: 2px;}
.title_tab strong:hover { color:#ff4e50;}
.title_tab strong.current { color: #fff; background: #358ff0; width: 160px;}
.tablist {display: none;width: 105%; margin: 15px 0 5px 0; height:330px;}
.tablist img { width:48px; height: 29px; float: left; font-size:12px; background: #f6f6f6;border:1px solid #efefef;}
.tablist span { margin: 0px 20px 0 10px; width: 400px; height: 30px; line-height: 30px; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; float:left;}
.tablist i { color:#999;height: 30px; line-height: 30px; float:right; font-size: 14px;}
.tablist a { margin:5px 0; width: 45%; margin-right: 5%; float:left;}
.boxtype {display:flex;flex-wrap:wrap; width:105%; }
.boxtype li { width:210px; border: 1px solid #efefef; margin:5px 33px 15px 0;}
.boxtype li a {padding:10px; float:left;}
.boxtype li img { width:70px; margin-right: 5px; float:left;}
.boxtype li strong {margin:2px 0 2px 0; width:115px; float:left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-weight:normal;}
.boxtype li i{ color:#999;font-size: 14px;}
.boxtype li:hover { border:1px solid #f8c0c0;}
.newtypeimg,.typedes {display:flex;flex-wrap:wrap;justify-content:space-between;}
.newtypeimg a { width:11%; text-align: center;margin-right: calc(12% / 7); margin-bottom: 10px;}
.newtypeimg a:not(:nth-child(8n)) {margin-right: calc(12% / 7);}
.newtypeimg a:nth-child(8n){margin-right: 0; } 
.newtypeimg a:last-child{ margin-right: auto; } 
.newtypeimg a img { width: 100%; border:1px solid #efefef;}
.newtypeimg a strong { float:left; width: 100%; white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all; font-weight:normal; font-size:15px; }
.typedes {margin:10px 0;}
.typedes img {  width:200px; height: 120px; }
.typedes div { width:calc(100% - 220px);}
.typedes h1 { font-size:24px; line-height: 40px; display: inline-block; margin-right: 10px;}
.typedes span { margin:0 20px;color: #666}
.typedes p { margin:5px auto; line-height: 30px; color: #888}
.gimgshow { width:100%; overflow-x:scroll;}
.gimg { display:flex;}
.gimg li { max-width:600px; border:1px solid #e3e3e3; margin:0 10px;}
.gimg li img { width:100%; margin:0;}
/******end drivers ***********/
@media (max-width:780px){
body {line-height:1.5rem;}
.head { height:3rem; overflow:hidden;}
.topbox { display:none;}
.logobox {max-width:100%; margin:0;}
.logobox img { height:4rem;}
.logo { margin:0 2%;}
.search { display:none;}
.navbox { height:2.1rem;}
.nav { width:100%; display:flex;}
.nav a {line-height:2.1rem; height:2.1rem; font-size:0.8rem; overflow:hidden;}
.nav a.end { display:none;}
.nav_other { display:none;}
.nav a:nth-child(6){ display:none;}
.navlistbox { width:100%; overflow-x:scroll;}
.yjads1,.yjads3 { width:100%; height:auto; margin:0; display:none;}
.yjads1 img,.yjads3 img { width:100%;}
.yjads2 { width:100%; height:auto;}
.main { margin:0; width:100%; overflow:hidden;}
.main_left,.detail_info { width:96%; overflow:hidden; margin:0 2%;}
.guide { font-size:0.8rem; margin:0.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.detail_info .news_title { font-size:1rem; margin:0; line-height:1.5rem;}
.title_info { width:100%; margin:0px; padding:0; font-size:0.7rem;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.title_info span { margin-right:1rem;}
#hits { margin:0;}
.detail,.detail p { font-size:0.8rem; line-height:1.5rem; margin:0.5rem;}
.detail img { max-width:100%;}
.tags { margin:0; display:none;}
.list { margin:0.5rem;}
.title { font-size:1rem; height:2rem; line-height:2rem; margin:0; padding:0;}
.title strong,.title a {font-size:1rem; padding:0;  height:2rem; line-height:2rem;}
.title a { font-size:0.7rem;}
.title_nav { display:flex;justify-content:space-between; height:2rem; margin-bottom:0; line-height:2rem;}
.title_nav a { font-size:0.8rem; width:25%;}
.title_nav a.current { width:25%;}
.syslist .list ul.sys li { width:100%; padding:4px 0;}
.syslist .list ul.sys li .listimg { width:7rem; height:4.5rem;}
.syslist .list ul.sys li h4 { font-size:0.8rem; margin-bottom:5px;}
.syslist .list ul.sys li span { margin:0; font-size:0.7rem;}
.syslist .list ul.sys li span:nth-child(1),.syslist .list ul.sys li span:nth-child(2) { display:none;}
.syslist .list ul.sys li .starbox em { display:none;}
#softlist li { width:30%;}
#softlist li:last-child { display:none;}
.title_nav strong { display: none;}
.list ul li { padding:1rem 0; font-size:0.9rem;}
.list h4 { font-size:0.9rem; margin:0;}
.listimg { width:7rem; height:4.5rem; margin:0 1rem 0 0;}
.listimg i { width:32px; height:16px; font-size:0.6rem; line-height:16px;}
.listinfo span { font-size:0.8rem; display:block;}
.listinfo span:nth-child(2) { display:none;}
.list a.link { font-size:0.8rem;}
.listinfo p { font-size:0.8rem; height:3rem; margin:0 0.5rem 0.5rem 0; line-height:1rem;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient: vertical;}
.list a.down,.list a.down:hover { width:5rem; height:2rem; font-size:0.7rem; line-height:2rem;}
.taglist { padding:0.5rem; font-size:0.8rem;}
.taglist a { padding:0.2rem 0.5rem; margin:0.3rem 0 0 0;}
.newsa ul { margin:1rem 0;}
.newsa li { margin:0.3rem 0; font-size:0.8rem; width:48%;}
.rbox ul.news .newsinfo a {width:7rem; height:4.5rem;}
.rbox ul.news,.news .newsinfo { margin:0.5rem 0;}
.rbox ul li { padding:0.5rem 0; font-size:0.8rem;}
.newsinfotxt { margin:0.1rem 0;}
.news li i.num { padding:0 0.4rem; margin-right:0.5rem;}
.main_right { width:96%; margin:1% 2%}
.rbox { width:100%;}
.footer { width:100%; padding:0.5rem 0; font-size:0.8rem;}
.footer p { width:100%; font-size:0.7rem; line-height:0.7rem; }
.footer p:nth-child(2) ,.footer p:nth-child(3) { display:none;}
.detailbox { min-height:inherit;}
.detail_title { height:2.5rem; font-size:0.8rem; margin:0.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.detaillist { font-size:0.8rem; padding-left:1rem;}
.detaillist li { line-height:1.5rem;}
.detail_info .listimg { display:none;}
.detail_info dl,.detail_info dl.soft { width:100%; line-height:1rem; padding:0.5rem 0;}
.detail_info dl dd,.detail_info dl.soft dd { font-size:0.8rem; width:50%;}
.detail_info dl dd .star { margin:0;}
.detail_info dl dd.safe i { margin:0 0.3rem 0 0;}
.detail_info dl dd.safe span { margin:0 0.5rem 0 0;}
.detail_info dl.soft dd span.version { width:auto;}
.btn a { width:10rem; height:4rem; max-width:40%; margin:0 3% 0 0; font-size:1rem; line-height:3rem;}
.btn a p { font-size:0.6rem;}
.detailmenu {height:2rem; line-height:2rem; margin:0.8rem 0; padding:0;}
.detailmenu span { font-size:1rem; height:2rem; line-height:2rem; margin:0; padding:0;}
.detailmenu a { display:none;}
.ding { height:auto; margin-bottom:1rem;}
.ding div { margin:0 3%;}
.ding a { margin-bottom:0;}
.detail h3,.detailmoreinfo h4,.dminfott,.detailmoreinfo li { font-size:0.8rem;}
.mianze { font-size:0.8rem; padding:0.5rem 1rem;}
.detailmore { margin:0;}
.downloads dl dt { height:2.1rem; line-height:2.1rem; padding:0 0.5rem; margin:0.5rem 0;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.downloads dl dt strong { font-size:0.8rem;}
.downloads dl dt span { font-size:0.7rem;}
.downloads dl dd { display: inline-block; font-size:0.8rem;width:10rem; height:auto; max-width:40%; margin:0 3% 0.5rem 3%; }
.main_index { width:100%;}
.ibrand { width:100%; padding:0 2%;}
.ibrand li:last-child { display:none;}
.ibrand li { width:22%; height: inherit; margin:0.5rem 2% 0 0;}
.ibrand li img { width:100%;}
.slidebox { width:100%; height:auto; margin:0.5rem 0 -0.5rem 0;}
.slidebox .swiper-container { width:100%; height:inherit;}
.slidebox .swiper-slide { background:none;}
.ilist { width:96%; margin:0 2%; float:left;}
.ilist ul { margin:5px auto;}
.ilist li { display:flex; font-size:0.8rem; height:inherit; margin:0; padding:0;}
.ilist li em { width:3rem; height:1rem;font-size:0.6rem; line-height:1rem; margin:0.5rem 0.5rem 0 0;}
.sysbrand { width:100%; margin-bottom:20px;}
.sysbrand a { width:49%; max-width:360px; height:inherit; margin:0 1% 0 0;}
.sysbrand a img { width:100%;}
.links { font-size:0.7rem; margin:0; width:100%; height:50px; overflow-y:scroll; display:none;}
.links a { margin:0;font-size:0.7rem;}
.newsinfotxt { display:none; font-size:0.7rem;}
.list ul.related li { width:30%; padding:0.3rem 0; margin:0.5rem 0 0 0;}
#softlist li em { display:none;}
#softlist .slistimg ,.list ul.related li a img { width:3rem; height:3rem;}
#softlist .slist_title { font-size:0.9rem;}
.typehot { overflow-x:scroll; }
.typehot ul { width:200%;}
.typehot ul li a img { width:3.5rem; height:3.5rem;}
.typehot ul li p {font-size:0.9rem;}
.typebox .slist .newsinfotxt,.rbox ul.dllist .newsinfotxt { display:block;}
.slist .star { display:none;}
.slist .slistimg { width:3.5rem; height:3.5rem;}
.slist em { top:3.5rem;}
.typebox .rbox { margin:0 2%; float:left; width:96%;}
.box { padding:2%; margin-bottom:2%; width:96%; overflow-x:hidden;}
.title_tab,.boxtype li a{ display:flex;justify-content:space-between; flex-wrap:wrap; }
.title_tab strong,.title_tab strong.current {font-size:0.9rem; height:2rem; line-height:2rem; width:32%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;word-break: break-all;}
.tablist { width:100%; float:left; height:auto;}
.tablist a { width:100%;display:flex;justify-content:space-between; margin:0 0 5px 0;}
.tablist span { width:calc(100% - 50px); margin:0; font-size:0.8rem;}
.tablist i { display:none;}
.boxtype { width:100%; margin:2% 0;}
.boxtype li { width:100%; margin:2px 0; font-size:0.8rem;}
.boxtype li a { float:none;align-items:center; padding:0 2%;}
.boxtype li img { width:60px; font-size:0.8rem;}
.newtypeimg a { width:20%; margin:1% 0 0 0;}
.newtypeimg a strong { display:none;}
.newtypeimg a:not(:nth-child(4n)){ margin-right:calc(20% / 3)}
.newtypeimg a:nth-child(4n){margin-right: 0; } 
ul.newtype { margin:0;}
.newsa ul.newtype li { width:100%;}
.typedes { display:block; position:relative;}
.typedes img { width:7rem; height:4rem; position:absolute; right:0px; top:0.5rem;}
.typedes div { width:100%;}
.typedes h1 { font-size:1.2rem;}
.typedes span{ margin:0; font-size:0.8rem; display:block;}
.typedes p { font-size:0.8rem; line-height:1rem;}
.newsa ul.brand li{ width:30%; margin-bottom:0.1rem;}
.box .main_left { width:100%;}
.box .list .starbox { display:none;}
.box .list h4 { font-size:0.8rem;}
.box .imgsoft { width:7rem; height:4rem;}
.box .main_left,.box .list { margin:0;}
.guidebox { width:100%;}
.softlogo img { width:48px; height:48px;}
.ilist li i { display:none;}
}